<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="../jquery-1.11.3.min.js"></script>
    <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="main.css">
</head>
<body>

<h3 class="text-center">轮播图</h3>
<div class="box text-center">
    <ul class="imgs">
        <li><a href=""><img src="images/1.jpg" alt="img"></a></li>
        <li class="hide"><a href=""><img src="images/2.jpg" alt="img"></a></li>
        <li class="hide"><a href=""><img src="images/3.jpg" alt="img"></a></li>
        <li class="hide"><a href=""><img src="images/4.jpg" alt="img"></a></li>
    </ul>
    <ul class="circle">
        <li class="current"></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <ul class="arrow">
        <li class="left_arrow"><span>&lt;</span></li>
        <li class="right_arrow"><span>&gt;</span></li>
    </ul>
</div>
<script src="main.js"></script>

</body>
</html>
